body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	color: #F0FFFF;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}


a:link,a:active,a:visited {
	text-decoration: none;
	color: #B7FCB8;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #FFD700;
	font-weight: bold;
}

.sandbox{
	background-image: url(aframe.png);
	position: absolute;
	left: 0;
	top: 0;
	height:150px;
	width:210px;
	z-index: 10;
	background-color: transparent;
}


.back_set{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
	height:150px;
	width:210px;
	background-color: #343A6C;
	background-image: url(aback.png);
}


.credits{
	position: absolute;
	left: 10px;
	top: 130px;
	z-index: 500;
	height: 15px;
	width: 190px;
	font-size: 10px;
	text-align: center;
	letter-spacing: 1px;
}


b{
	color: #F0FFF0;
	font-size: 18px;
	letter-spacing: 2px;
	text-align: center;
	font-weight: bold;
}

li{
	list-style: circle outside;
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
}

ul{
	padding: 3px 3px 3px 3px;
	margin: 3px 3px 3px 3px;
}

#min-bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 10px;
	top: 15px;
	z-index: 400;
	height: 10px;
	width: 150px;
	background-color: #E6E6FA;
	background-image: url(min.png);
}

#hour-bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 10px;
	top: 35px;
	z-index: 400;
	height: 10px;
	width: 150px;
	background-color: #FFF5EE;
	background-image: url(hur.png);
}

#day-bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 10px;
	top: 55px;
	z-index: 400;
	height: 10px;
	width: 150px;
	background-color: #F0FFF0;
	background-image: url(day.png);
}

#week-bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 10px;
	top: 75px;
	z-index: 400;
	height: 10px;
	width: 150px;
	background-color: #E0FFFF;
	background-image: url(wek.png);
}

#month-bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 10px;
	top: 95px;
	z-index: 400;
	height: 10px;
	width: 150px;
	background-color: #F5F5F5;
	background-image: url(mun.png);
}

#year-bar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 10px;
	top: 115px;
	z-index: 400;
	height: 10px;
	width: 150px;
	background-color: #F5FFFA;
	background-image: url(yer.png);
}

.min_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 15px;
	z-index: 200;
	height: 15px;
	width: 35px;
	white-space: nowrap;	
	background-color: transparent;
}

#min_val{
	z-index: 300;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #A6FCBC;
	font-weight: bold;
	text-align: center;
}

.hour_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 35px;
	z-index: 200;
	height: 15px;
	width: 35px;
	white-space: nowrap;	
	background-color: transparent;
}

#hour_val{
	z-index: 300;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #C5DAFC;
	font-weight: bold;
	text-align: center;
}

.day_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 55px;
	z-index: 200;
	height: 15px;
	width: 35px;	
	white-space: nowrap;
	background-color: transparent;
}

#day_val{
	z-index: 300;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #FCC5D6;
	font-weight: bold;
	text-align: center;
}

.week_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 75px;
	z-index: 200;
	height: 15px;
	width: 35px;	
	white-space: nowrap;
	background-color: transparent;
}

#week_val{
	z-index: 300;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #E5D4F9;
	font-weight: bold;
	text-align: center;
}

.month_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 95px;
	z-index: 200;
	height: 15px;
	width: 35px;	
	white-space: nowrap;
	background-color: transparent;
}

#month_val{
	z-index: 300;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #FCCAB7;
	font-weight: bold;
	text-align: center;
}

.year_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 115px;
	z-index: 200;
	height: 15px;
	width: 35px;	
	background-color: transparent;
	white-space: nowrap;
}

#year_val{
	z-index: 300;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #F5F08D;
	font-weight: bold;
	text-align: center;
}